<template>
    <button 
     :class="[type?'k-button--'+type:'k-button--default']"
     :type="type"
     @click="eventClick" 
     :disabled='disabled'>
    <span v-if="$slots.default"><slot></slot></span>
    </button>
</template>
<script>
export default {
    name:"KButton",
    props:{
        type: {
            type:String,
            default:'default'
        },
        disabled: Boolean
    },
    data() {
      return {

      };
    },
    methods: {
        eventClick (evt) {
            this.$emit('click',evt)
        }
    }
  }
</script>